/*
 * Copyright © 2017 Cask Data, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
*/

@popover-dropdown-item-bg-color: #eeeeee;

my-pipeline-runtime-args {
  .runtime-arguments-labels {
    .provided-label {
      cursor: pointer;
      width: auto;
      margin-left: 0;
      .dropdown.open {
        .dropdown-menu {
          display: block;
          min-width: 80px;

          li {
            padding: 5px 10px;

            &:hover {
              background-color: @popover-dropdown-item-bg-color;
              cursor: pointer;
            }
          }
        }
      }
    }
    &.key-value-pair-labels {
      display: grid;
      grid-template-columns: 1fr 1fr 62px 100px;
      grid-gap: 10px;
      margin-right: -25px;
    }
  }
  .step-content-heading {
    .step-content-subtitle {
      font-weight: normal;
    }
  }
  .runtime-arguments-values {
    height: ~"calc(100% - 135px)";
    overflow: auto;
    .key-value-pair-preference {
      margin-bottom: 15px;
      justify-content: initial;
      display: grid;
      grid-template-columns: 1fr 1fr auto 100px;
      grid-gap: 10px;
      input {
        width: 100%;
        &[type="checkbox"] {
          width: 12px;
          height: 12px;
          display: inline-block;
          margin-right: 10px;
        }
      }
    }
  }
}
